<page-header [title]="'产品列表'">
    <nz-card [nzBordered]="false" class>
      <form nz-form class="search__form" action="search">
        <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
          <div nz-col nzMd="8" nzSm="24">
            <nz-form-item>
              <nz-form-label nzFor="name">产品名称</nz-form-label>
              <nz-form-control>
                <input
                  nz-input
                  [(ngModel)]="q.name"
                  name="name"
                  [ngModelOptions]="{ standalone: true }"
                  placeholder="请输入"
                />
              </nz-form-control>
            </nz-form-item>
          </div>
         
          </div>
          <div nz-col [nzSpan]="24"  style="text-align: right">
            <button nz-button type="submit" [nzType]="'primary'" (click)="getData()">搜索</button>
            <!--<button nz-button type="submit" (click)="getData()" [nzType]="'primary'" [nzLoading]="loading">查询</button>-->
            <button nz-button type="reset" (click)="reset()" class="mx-sm">重置</button>
          </div>
      
      </form>
  
      <button nz-button [nzType]="'primary'" (click)="openComponent('00000000-0000-0000-0000-000000000000')" acl [acl-ability]="55">
        <i nz-icon nzType="plus"></i>
        <span>{{ 'button.new' | i18n }}</span>
      </button>
      <!--<button nz-button [nzType]="'primary'" [routerLink]="['/manage/authority/roleform']" [queryParams]="{Id:-1}">
            <i nz-icon nzType="plus"></i>
            <span>{{ 'button.new' | translate }}</span>
          </button>-->
  
      <st #st [columns]="columns" [data]="url" ps="20" [page]="page" [req]="req" [res]="res"   [expand]="expand" expandAccordion (change)="onchange($event)">
        <ng-template #expand let-item let-index="index" let-column="column"> 
          <st [data]="item.devices" [columns]="devicecolumns"  >


          </st>
        
        </ng-template>
      </st>
    </nz-card>
  </page-header>
  